﻿@{
    ViewBag.Title = "Home Page";
}
@section home_slider
{
      @Html.Partial("_HomeSlider")
}
<ul class="hProductItems clearfix">
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="@Url.Action("Details", "Product", new { id=1})" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span>$150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>

			<ul class="rating">
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-off"></i></li>
			</ul>
		</div>
	</li>
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span>$150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>

			<ul class="rating">
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
			</ul>
		</div>
	</li>
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span>$150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>
		</div>
	</li>
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span><span class="strike-through">$200.00</span> $150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>

			<ul class="rating">
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
			</ul>
		</div>
	</li>

	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span>$150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>
		</div>
	</li>
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span>$150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>

			<ul class="rating">
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
				<li><i class="star-on"></i></li>
			</ul>
		</div>
	</li>
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span><span class="strike-through">$200.00</span> $150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>

			<ul class="rating">
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
				<li><i class="star-off"></i></li>
			</ul>
		</div>
	</li>
	<li class="span3 clearfix">
		<div class="thumbnail">
			<a href="#"><img src="img/212x192.jpg" alt=""></a>
		</div>
		<div class="thumbSetting">
			<div class="thumbTitle">
				<a href="#" class="invarseColor">
					Foliomania the designer portfolio brochure
				</a>
			</div>
			<div class="thumbPrice">
				<span>$150.00</span>
			</div>

			<div class="thumbButtons">
				<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" rel="tooltip">
					<i class="icon-shopping-cart"></i>
				</button>
				<button class="btn btn-small" data-title="+To WishList" data-placement="top" rel="tooltip">
					<i class="icon-heart"></i>
				</button>
										
				<button class="btn btn-small" data-title="+To Compare" data-placement="top" rel="tooltip">
					<i class="icon-refresh"></i>
				</button>
			</div>
		</div>
	</li>
</ul>
